.b_hero-text-centered
{
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 100px 60px;
	justify-content: center;
	align-items: center;
	gap: 50px;
	position: relative;

	.shared-title
	{
		position: relative;
		width: 100%;
		font-style: normal;
		font-weight: 400;
		text-align: center;
	}

	.shared-set-badge-icon
	{

		.icon-dollar-small-3
		{
			width: 11.354px;
			position: relative;
			flex: 0 0 20.09px;
			flex-shrink: 0;
			object-fit: contain;
			aspect-ratio: 11 / 20;
			order: 0;
		}

		.icon-bulb-3
		{
			width: 18px;
			position: relative;
			flex: 0 0 20.224px;
			flex-shrink: 0;
			object-fit: contain;
			order: 0;
		}

		.icon-team-3
		{
			width: 26px;
			position: relative;
			flex: 0 0 14.865px;
			flex-shrink: 0;
			object-fit: contain;
			order: 0;
		}

		.icon-stories-3
		{
			display: flex;
			position: relative;
			flex: 0 0 auto;
			object-fit: contain;
			width: auto;
			order: 0;
		}

		.icon-arrow-right-9
		{
			width: 10px;
			position: relative;
			flex: 0 0 17px;
			flex-shrink: 0;
			overflow: clip;
			object-fit: contain;
			order: 0;
		}

		.icon-location-3
		{
			width: 14px;
			position: relative;
			flex: 0 0 18px;
			flex-shrink: 0;
			object-fit: contain;
			order: 0;
		}

		&[data-icon="dollar sign"]
		{
			display: flex;
			flex-direction: column;
			width: 30px;
			height: 30px;
			justify-content: center;
			align-items: center;
			overflow: clip;
		}

		&[data-icon="dollar sign"] .icon-dollar-small-4
		{
			display: none;
		}

		&[data-icon="dollar sign"] .icon-bulb-3
		{
			display: none;
		}

		&[data-icon="dollar sign"] .icon-team-3
		{
			display: none;
		}

		&[data-icon="dollar sign"] .icon-stories-3
		{
			display: none;
		}

		&[data-icon="dollar sign"] .icon-arrow-right-9
		{
			display: none;
		}

		&[data-icon="dollar sign"] .icon-location-3
		{
			display: none;
		}

		&[data-icon="lightbulb"]
		{
			display: flex;
			flex-direction: column;
			width: 30px;
			height: 30px;
			justify-content: center;
			align-items: center;
			overflow: clip;
		}

		&[data-icon="lightbulb"] .icon-dollar-small-3
		{
			display: none;
		}

		&[data-icon="lightbulb"] .icon-bulb-4
		{
			display: none;
		}

		&[data-icon="lightbulb"] .icon-team-3
		{
			display: none;
		}

		&[data-icon="lightbulb"] .icon-stories-3
		{
			display: none;
		}

		&[data-icon="lightbulb"] .icon-arrow-right-9
		{
			display: none;
		}

		&[data-icon="lightbulb"] .icon-location-3
		{
			display: none;
		}

		&[data-icon="team"]
		{
			display: flex;
			flex-direction: column;
			width: 30px;
			height: 30px;
			justify-content: center;
			align-items: center;
			overflow: clip;
		}

		&[data-icon="team"] .icon-dollar-small-3
		{
			display: none;
		}

		&[data-icon="team"] .icon-bulb-3
		{
			display: none;
		}

		&[data-icon="team"] .union-3
		{
			display: none;
		}

		&[data-icon="team"] .icon-stories-3
		{
			display: none;
		}

		&[data-icon="team"] .icon-arrow-right-9
		{
			display: none;
		}

		&[data-icon="team"] .icon-location-3
		{
			display: none;
		}

		&[data-icon="stories"]
		{
			display: flex;
			flex-direction: column;
			width: 30px;
			height: 30px;
			justify-content: center;
			align-items: center;
			overflow: clip;
		}

		&[data-icon="stories"] .icon-dollar-small-3
		{
			display: none;
		}

		&[data-icon="stories"] .icon-bulb-3
		{
			display: none;
		}

		&[data-icon="stories"] .icon-team-3
		{
			display: none;
		}

		&[data-icon="stories"] .union-4
		{
			display: none;
		}

		&[data-icon="stories"] .icon-arrow-right-9
		{
			display: none;
		}

		&[data-icon="stories"] .icon-location-3
		{
			display: none;
		}

		&[data-icon="arrow right"]
		{
			display: flex;
			flex-direction: column;
			width: 30px;
			height: 30px;
			justify-content: center;
			align-items: center;
			overflow: clip;
		}

		&[data-icon="arrow right"] .icon-dollar-small-3
		{
			display: none;
		}

		&[data-icon="arrow right"] .icon-bulb-3
		{
			display: none;
		}

		&[data-icon="arrow right"] .icon-team-3
		{
			display: none;
		}

		&[data-icon="arrow right"] .icon-stories-3
		{
			display: none;
		}

		&[data-icon="arrow right"] .vector-9-8
		{
			display: none;
		}

		&[data-icon="arrow right"] .icon-location-3
		{
			display: none;
		}

		&[data-icon="location"]
		{
			display: flex;
			flex-direction: column;
			width: 30px;
			height: 30px;
			justify-content: center;
			align-items: center;
			overflow: clip;
		}

		&[data-icon="location"] .icon-dollar-small-3
		{
			display: none;
		}

		&[data-icon="location"] .icon-bulb-3
		{
			display: none;
		}

		&[data-icon="location"] .icon-team-3
		{
			display: none;
		}

		&[data-icon="location"] .icon-stories-3
		{
			display: none;
		}

		&[data-icon="location"] .icon-arrow-right-9
		{
			display: none;
		}

		&[data-icon="location"] .vector-39
		{
			display: none;
		}
	}

	.shared-set-solid-icon
	{
		display: flex;
		align-items: center;

		.content-6
		{
			display: flex;
			padding: 10px 10px 10px 30px;
			justify-content: center;
			align-items: center;
			gap: 2px;
			position: relative;
			flex: 0 0 auto;
			background-color: var(--color-neutrals-white);
			order: 0;
		}

		span.example-cta-6
		{
			position: relative;
			margin-block: -4px -4px;
			color: var(--color-neutrals-black);
			font-family: var(--font-body-copy);
			font-style: normal;
			font-size: 18px;
			font-weight: 600;
			line-height: 20px /* 111% */;
			order: 0;
		}

		.badge-icon-6
		{
			height: 30px;
			position: relative;
			flex: 0 0 30px;
			flex-shrink: 0;
			order: 1;
		}

		.endcap-6
		{
			height: 100%;
			position: relative;
			flex: 0 0 12px;
			flex-shrink: 0;
			object-fit: contain;
			order: 1;
			width: 100%;
		}

		&:hover .content-6
		{
			background-color: var(--color-brand-red);
		}

		&:hover .example-cta-6
		{
			color: var(--color-neutrals-white);
		}

		&:hover .endcap-6
		{
			content: url("/images/endcap-example cta.svg");
		}
	}

	.shared-comp-icon-arrow-right
	{
		overflow: clip;

		.vector-9-9
		{
			position: absolute;
			left: -1px;
			top: -1px;
			width: 9px;
			height: 19px;
			object-fit: contain;
			aspect-ratio: 9 / 19;
			order: 0;
		}
	}

	.text
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
	}

	.headlines
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
	}

	h1.title
	{
		margin-block: -8px -8px;
		color: var(--color-neutrals-white);
	}

	h2.sub-title
	{
		margin-block: -5.5px -5.5px;
		color: var(--color-neutrals-light-gray);
	}

	.description
	{
		position: relative;
		width: 100%;
		margin-block: -7.5px -7.5px;
	}

	div.description > p
	{
		color: var(--color-neutrals-light-gray);
		font-family: var(--font-body-copy);
		font-style: normal;
		font-size: 16px;
		font-weight: 500;
		line-height: 26px /* 163% */;
		letter-spacing: 0.02em;
		text-align: center;
	}

	.solid-icon
	{
		position: relative;
		flex: 0 0 auto;
	}

	.more-link
	{
		display: flex;
		align-items: center;
		position: relative;
		flex: 0 0 auto;
		flex-direction: row;
        justify-content: center;
		order: 1;

		.content
		{
			display: flex;
			height: 50px;
			padding: 10px 10px 10px 30px;
			justify-content: center;
			align-items: center;
			gap: 2px;
			border-top: 2px solid var(--Colors-Neutrals-Gray, #818181);
			border-bottom: 2px solid var(--Colors-Neutrals-Gray, #818181);
			border-left: 2px solid var(--Colors-Neutrals-Gray, #818181);
			background-color: rgba(255, 255, 255, 0);
			position: relative;
			flex: 0 0 auto;
			flex-direction: row;
			order: 0;
		}

		.cta
		{
			color: var(--Neutrals-White, #FFF);
			font-family: "instrument sans";
			font-style: normal;
			font-size: 18px;
			font-weight: 600;
			line-height: 20px /* 111% */;
			position: relative;
			flex: 0 0 auto;
			order: 0;
		}

		badge-icon
		{
			display: flex;
			flex-direction: column;
			height: 30px;
			padding: 10px;
			justify-content: center;
			align-items: center;
			overflow: clip;
			background-color: rgba(255, 255, 255, 0);
			position: relative;
			flex: 0 0 30px;
			order: 1;

			.icon-team
			{
				width: 26px;
				position: relative;
				flex: 0 0 15px;
				object-fit: cover;
				order: 0;
			}
		}

		badge-icon[data-icon="lightbulb"]
		{
			flex-shrink: initial;
		}

		badge-icon[data-icon="team"]
		{
			flex-shrink: initial;
		}

		badge-icon[data-icon="stories"]
		{
			flex-shrink: initial;
		}

		badge-icon[data-icon="arrow right"]
		{
			flex-shrink: initial;
		}

		badge-icon[data-icon="dollar sign"] .icon-team
		{
			display: none;
		}

		badge-icon[data-icon="lightbulb"] .icon-team
		{
			display: none;
		}

		badge-icon[data-icon="stories"] .icon-team
		{
			display: none;
		}

		badge-icon[data-icon="arrow right"] .icon-team
		{
			display: none;
		}

		.endcap
		{
			position: relative;
			flex: 0 0 12px;
			width: 12px;
			height: 50px;
			object-fit: cover;
			order: 1;
		}

		.endcap.hover
		{
			display: none;
		}
	}

	.more-link:hover
	{
		filter: drop-shadow(0 4px 0 var(--Neutrals-Gray, #818181));

		.content
		{
			background-color: var(--Neutrals-White, #FFF);
			border-top: 2px solid var(--Neutrals-White, #FFF);
			border-bottom: 2px solid var(--Neutrals-White, #FFF);
			border-left: 2px solid var(--Neutrals-White, #FFF);

			.cta
			{
				color: var(--Neutrals-Black, #000);
			}
		}

		.endcap
		{
			display: none;
		}

		.endcap.hover
		{
			display: block;
		}
	}

	@media (min-width: 1440px)
	{
		padding: 100px 270px;

		.description 
		{
			margin-top: 18px;
		}

		div.description > p
		{
			margin-block: -8px -8px;
			font-size: 18px;
			line-height: 28px /* 156% */;
		}

		h1.title
		{
			margin-block: -12px -12px;
		}

		h2.sub-title
		{
			margin-block: -6.5px -6.5px;
		}

		.more-link
		{
			align-items: flex-start;
			order: 1;
		}

		.more-link:hover
		{
			filter: drop-shadow(0 4px 0 var(--Neutrals-Gray, #818181));

			.content
			{
				background-color: var(--Neutrals-White, #FFF);
				border-top: 2px solid var(--Neutrals-White, #FFF);
				border-bottom: 2px solid var(--Neutrals-White, #FFF);
				border-left: 2px solid var(--Neutrals-White, #FFF);

				.cta
				{
					color: var(--Neutrals-Black, #000);
				}
			}

			.endcap
			{
				display: none;
			}

			.endcap.hover
			{
				display: block;
			}
		}
	}
}